<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>img&herf</title>
</head>
<body>
    <a id="top"></a>
    <h1>标题</h1>
    <a href="#bottom">去往底部</a>
    <h2><a href="#one">第一集</a></h2>
    <h2><a href="#two">第二集</a></h2>
    <a href="#three">第三集</a>

    <div id="one"
        height: 200ex;width: 1000ex;">第一集
    <br><p><b><a href="https://cn.bing.com">Bing</a></b></p><br>

    <br><p><b><a href="../2hyperlink.html#bottom" target="_blank">跳转页面</a></b></p><br>

    <p><a href="#top">去往顶部</a></p>
    <p><a href="#bottom">去往底部</a></p>
        <p>
            <img src="../sh.jpg" alt="显示失败" title="这是一个萝卜" width="200px" height="200px" border="10px">
        </p>

        <table align="center" border="10" cellpadding="10" width="500" height="500"> 
            <tr>
                <th>姓名</th>
                <th>性别</th>
                <td>年龄</td>
            </tr>
            <tr>
                <td>张三</td>
                <td>男</td>
            <td>10</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>女</td>
                <td>11</td>
            </tr>
        </table>

    </div>

    <div id="two"
    style="background-color:rgb(150, 144, 144);
        height: 200ex;width: 1000ex;">第二集
        <p><a href="#top">去往顶部</a></p>
        <p><a href="#bottom">去往底部</a></p>
    </div>


    <a href="#top">返回顶部</a>
    <a id="bottom"></a>
</body>
</html>